<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN">

    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/global.css" />
        <link rel="stylesheet" type="text/css" href="css/gla.css" />
    </head>

    <body>
        <div id="frameHeader" class="frame-head">
            <div class="frame-logo">
                <a class="frame-logo-main" href="#">
                    <img src="images/logo_s.png" alt="蓝桥" />
                </a>
                <p class="frame-logo-sub">蓝桥</p>
            </div>
            <div class="frame-topbar">
				<ul class="frame-tools">
					<li>
						<p>欢迎: aaa</p>
					</li>
					<li>
						<a href="#">退出</a>
					</li>
				</ul>
            </div>
        </div>
        <div id="frameBody" class="frame-body">
            <div class="frame-menu">
                <a id="toggleMenuBtn" class="frame-menu-console iconfont icon-3line-x" href="javascript:;"></a>
                <div class="frame-menu-wrapper">
                    <dl class="frame-menu-item">
                        <dt class="frame-menu-mod">
							<a href="javascript:;">
								<div class="menu-icon iconfont icon-caret"></div>
								<p class="menu-text">通用设置</p>
							</a>
						</dt>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-members"></div>
                                <p class="menu-text">用户</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub frame-menu-active">
                            <a href="#">
                                <div class="menu-icon iconfont icon-shop"></div>
                                <p class="menu-text">企业</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-reviewing"></div>
                                <p class="menu-text">商家</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-members"></div>
                                <p class="menu-text">信息</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-3line-x"></div>
                                <p class="menu-text">用户组</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-3line-x"></div>
                                <p class="menu-text">财务</p>
                            </a>
                        </dd>
                    </dl>
                    <dl class="frame-menu-item">
                        <dt class="frame-menu-mod">
							<a href="javascript:;">
								<div class="menu-icon iconfont icon-caret"></div>
								<p class="menu-text">信用卡</p>
							</a>
						</dt>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-members"></div>
                                <p class="menu-text">分期</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-reviewing"></div>
                                <p class="menu-text">账单</p>
                            </a>
                        </dd>
                        <dd class="frame-menu-sub">
                            <a href="#">
                                <div class="menu-icon iconfont icon-3line-x"></div>
                                <p class="menu-text">授权</p>
                            </a>
                        </dd>
                    </dl>
                </div>
            </div>
            <div class="frame-wrapper">
                <div class="frame-msub" id="frameMsub">
                    <div class="frame-msub-hd">
                        <h4 class="msub-title"><span class="iconfont icon-setting"></span>商户管理</h4>
                    </div>
                    <div class="frame-msub-bd">
                        <ul class="frame-msub-items">
                            <li>
                                <a href="#"><span class="iconfont icon-parameter"></span>商家列表</a>
                            </li>
                            <li class="msub-current">
                                <a href="#"><span class="iconfont icon-liuliang"></span>商家表</a>
                            </li>
                            <li>
                                <a href="#"><span class="iconfont icon-payitem"></span>商家列表列表列表</a>
                            </li>
                            <li>
                                <a href="#"><span class="iconfont icon-account"></span>商家列表(11)</a>
                            </li>
                            <li>
                                <a href="#"><span class="iconfont icon-advert"></span>水电费是否收到</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="frame-page">
                    <div class="frame-main">
                        <div class="frame-main-hd">
                            <h3 class="frame-title">提示信息</h3>
                        </div>
                        <div class="frame-main-bd">
                            <p class="glb-tips glb-tips-alert">激励拖拉机就开始考虑到河南省开封的</p>
                            <p class="glb-tips glb-tips-success"><span class="iconfont icon-info"></span>激励拖拉机就开始考虑到河南省开封的</p>
                            <p class="glb-tips glb-tips-notice"><span class="glb-text-strong">提示: </span>激励拖拉机就开始考虑到河南省开封的</p>
                            <p class="glb-tips glb-tips-info">激励拖拉机就开始考虑到河南的空间打开空间的接口的空间的空间的空间打开空间的接口的空间的空间的空间打开空间的接口的空间的空间的空间打开空间的接口的空间的空间的空间打开空间的接口的空间的空间的空间打开空间的接口的空间的空间的空间打开空间的接口的空间的空间的空间打开空间的接口的空间的空间的空间打接口的空间的空间的空间打开空间的接口的空间的间省开封的</p>
                            <div class="glb-tips glb-tips-warning">
                                <p>1. 的空间打开空间的接口的空间的空间</p>
                                <p>2. 拉机就开始考虑拉机就开始考虑的空间的空间</p>
                            </div>
                            <p class="glb-tips glb-tips-qt glb-tips-alert">激励拖拉机就开始考虑到河南省开封的</p>
                            <p class="glb-tips glb-tips-qt glb-tips-notice"><span class="iconfont icon-coin"></span>激励拖拉机就开始考虑到河南省开封的</p>
                            <p class="glb-tips glb-tips-qt glb-tips-warning"><span class="glb-text-strong">重要通知: </span>激励拖拉机就开始考虑到河南省开封的</p>
                            <div class="glb-tips glb-tips-qt glb-tips-info">
                                <p><span class="glb-text-strong">规则</span></p>
                                <p>1. 的空间打开空间的接口的空间的空间</p>
                                <p>2. 拉机就开始考虑拉机就开始考虑的空间的空间</p>
                            </div>
                            <div class="glb-tips glb-tips-qt glb-tips-success">
                                <p>1. 的空间打开空间的接口的空间的空间</p>
                                <p>2. 拉机就开始考虑拉机就开始考虑的空间的空间</p>
                                <p>3. 拉机就开始考虑</p>
                                <p>4. 拉机就开始考虑拉机就开始考虑拉机就开始考虑拉机就开始考虑</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </body>

    <script type="text/javascript" src="js/jquery.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/global.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/dialog.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/validate.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/gla.js" charset="utf-8"></script>
    <script type="text/javascript">
        $(function() {

            $("#showDialogBtn").click(function() {

                Dialogx.show({
                    _url: 'dialog.html',
                    _title: '请输入充值金额'
                });

            });

            $("#alertBtn").click(function() {

                Dialogx.confirm('这是一个提示框', function() {
                    console.log("woqu");
                });

            });

            // VALIDATE
            $("#demoForm").validate(rules);
        });

        // form validate rule
        var rules = {

            "name-a": {
                tip: "name-a的提示信息",
                rule: {
                    required: ["请输入name-a!"],
                    length: ["name-a长度为4-20位", "4-20"]
                }
            },

            "name-b": {
                tip: "请输入name-b!",
                rule: {
                    required: ["请输入name-b!"],
                    length: ["name-b至少为两个汉字!", "2-20"]
                }
            },

            "name-c": {
                tip: "请输入name-c",
                rule: {
                    required: ["请输入name-c!"],
                    regex: ["请输入正确的name-c!", "tel,mobile"]
                }
            }

        };
    </script>

</html>